<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Example of Fluid Layout with Bootstrap version 2.0 from w3cschool.cc">
    <meta name="author" content="">
    <!-- Le styles -->
    <link href="../bootstrap/twitter-bootstrap-v2/docs/assets/css/bootstrap.css" rel="stylesheet">
    <link href="../bootstrap/twitter-bootstrap-v2/docs/assets/css/example-fluid-layout.css" rel="stylesheet">
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="../bootstrap/twitter-bootstrap-v2/docs/examples/images/favicon.ico">
    <link rel="apple-touch-icon" href="../bootstrap/twitter-bootstrap-v2/docs/examples/images/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="../bootstrap/twitter-bootstrap-v2/docs/examples/images/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="../bootstrap/twitter-bootstrap-v2/docs/examples/images/apple-touch-icon-114x114.png">
    <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">

</head>
<body>
    <div class="container-fluid">
        <div class = "row-fluid">
            <div class ="span12">
                <center>
                    <img src="head.jpg" class="img">
                        <p class ="p1">
                             HELLO,</br>
                             <p class = "p2">MY NAME ISKAMIL <sup>24yo</sup> AND THIS IS MY RESUME/CV</p>
                        </p>
                </center>
                <div class = "container">
                <div class = "row-fluid">
                    <div class="col-xs-12 col-sm-7">
                        <p class = "p3">//ABOUT ME</p>
                        <p> dolor sit amet, consectetur adipisicing elit. Repellendus, non, dolorem, cumque distinctio magni quam expedita velit laborum sunt amet facere tempora ut fuga aliquam ad asperiores voluptatem dolorum! Quasi. </p> 
                        </br>
                        <p class = "p3">//EDUCATION</p>
                        <div class = "row-fluid">
                            <div class="col-xs-12 col-sm-4">
                                <ul>
                                    <li>1990</li>
                                    <li>2005</li>
                                    <li>2009</li>
                                    <li>2012</li>
                                </ul>
                            </div>
                            <div class="col-xs-12 col-sm-8">
                                <ul>
                                    <li>
                                        <p>I was born in Katowice</br>
                                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, exercitationem, totam, dolores iste dolore est aut modi.</p>      
                                    </li> 
                                    <li>
                                        <p>Secondary school specializing in artistic</br>
                                        Eos, explicabo, nam, tenetur et ab eius deserunt aspernatur ipsum ducimus quibusdam quis voluptatibus.</p>
                                    </li> 
                                    <li>
                                        <p>First level graduation in Graphic Design</br>
                                        Aspernatur, mollitia, quos maxime eius suscipit sed beatae ducimus quaerat quibusdam perferendis? Iusto, quibusdam asperiores unde repellat.</p>
                                    </li> 
                                    <li>
                                        <p>Second level graduation in Graphic Design</br>
                                        Ducimus, aliquam tempore autem itaque et accusantium!</p>
                                    </li>      
                                </ul>
                            </div>
                            <br>
                        <p class = "p3">//EXPERIENCES</p>
                            <div class = "row-fluid"> 
                                <ul>
                                    <ol>
                                        <br>
                                        <div class = "col-xs-12 col-sm-4">Google<br>2013 - 2014</div>
                                        <div class = "col-xs-12 col-sm-8">
                                            <p>Front-end developer / php programmer<br>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam, et, illum perferendis veritatis velit sunt similique qui magni totam harum tempore eius laboriosam accusantium necessitatibus voluptatum? Enim, itaque dignissimos quia</p>
                                        </div>
                                    </ol>
                                   
                                    
                                    <ol>
                                        <br>
                                        <div class = "col-xs-12 col-sm-4">Twitter<br>2012</div>
                                        <div class = "col-xs-12 col-sm-8">Web Developer<br>
                                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam, nihil sit nemo voluptatem praesentium. Quia, qui facere consectetur libero asperiores fugiat consequuntur deserunt culpa repudiandae sed quidem voluptas explicabo soluta.</div>
                                    </ol>
                                </ul>
                            </div>
                           
                        </div>
                    </div>
                    </div>
                    <div class="col-xs-12 col-sm-5">
                        <p class = "p3">//CONTACT</p>
                            <div>
                                <div class = "row-fluid">
                                    <div class="col-xs-12 col-sm-4">
                                        <a href="#">
                                            <p> <span class="glyphicon glyphicon-earphone"></span></p>
                                        </a>
                                    </div>
                                    <div class="col-xs-12 col-sm-8">
                                        <p>500 345 242</p>
                                    </div>
                            </div>
                            <div>
                                <div class = "row-fluid">
                                    <div class="col-xs-12 col-sm-4">
                                        <a href="#">
                                            <p> <span class="glyphicon-envelope"></span></p>
                                        </a>
                                        </div>
                                    <div class="col-xs-12 col-sm-8">
                                        <p>office@kamsolutions.pl</p>
                                </div>
                            </div> 
                            <div>
                                <div class = "row-fluid">
                                    <div class="col-xs-12 col-sm-4">
                                        <a href="#">
                                            <p> <span class="glyphicon glyphicon-earphone"></span></p>
                                        </a>
                                    </div>
                                    <div class="col-xs-12 col-sm-8">
                                        <p>Twitter<br>https://twitter.com/WordPress</p>
                                    </div>
                                </div>
                            </div> 

                            <div>
                                <div class = "row-fluid">
                                    <div class="col-xs-12 col-sm-4">
                                        <a href="#">
                                            <p> <span class="glyphicon glyphicon-earphone"></span></p>
                                        </a>
                                    </div>
                                    <div class="col-xs-12 col-sm-8">
                                        <p>Facebook<br> https://www.facebook.com/facebook</p>      
                                    </div>
                                </div>
                            </div> 

                            <div>
                                <div class = "row-fluid">
                                    <div class="col-xs-12 col-sm-4">
                                        <a href="#">
                                            <p> <span class="glyphicon glyphicon-earphone"></span></p>
                                        </a>
                                    </div>
                                    <div class="col-xs-12 col-sm-8">
                                        <p>Skype<br> kamsolutions.pl</p>
                                    </div>
                                </div>
                            </div>

                        <p class = "p3">//SKILLS</p>
                            <ul>
                                <li>HTML</li>
                                <li>CSS</li>
                                <li>jQuery</li>
                                <li>PHP</li>
                                <li>Laravel(framework)</li>
                                <li>Beginner</li>
                                <li>Proficient</li>
                                <li>Expert</li>
                                <li>Master</li>
                            </ul>
                        <p class = "p3">//LANGUAGES</p>
                        <div>
                            <div class = "row-fluid"> 
                                <ul>
                                    <ol>
                                        <br>
                                        <div class = "col-xs-12 col-sm-4">Polish</div>
                                        <div class = "col-xs-12 col-sm-8">
                                            <span class=" glyphicon glyphicon-star-empty"></span>
                                            <span class=" glyphicon glyphicon-star-empty"></span>
                                            <span class=" glyphicon glyphicon-star-empty"></span>
                                            <span class=" glyphicon glyphicon-star-empty"></span>
                                            <span class=" glyphicon glyphicon-star-empty"></span>
                                        </div>   
                                    </ol> 
                                </ul>
                            </div>
                        </div>            
                                   
                                    
                        <div>
                            <div class = "row-fluid"> 
                                <ul>
                                    <ol>
                                        <div class = "col-xs-12 col-sm-4">English</div>
                                        <div class = "col-xs-12 col-sm-8">
                                            <span class=" glyphicon glyphicon-star-empty"></span>
                                            <span class=" glyphicon glyphicon-star-empty"></span>
                                            <span class=" glyphicon glyphicon-star-empty"></span>
                                            <span class=" glyphicon glyphicon-star-empty"></span>
                                            <span class=" glyphicon glyphicon-star-empty"></span>
                                        </div>
                                    </ol> 
                                </ul>
                            </div>
                        </div>           
                        <p class = "p3">//HOBBIES</p>
                        <ul>
                            <li><span class=" glyphicon glyphicon-heart-empty"></span>Photography</li>
                            <li><span class=" glyphicon glyphicon-heart-empty"></span>Fitness</li>
                            <li><span class=" glyphicon glyphicon-heart-empty"></span>Programming</li>
                        </ul>
                    </div>
                </div> 
            </div>
        </div>
    </div>
</body>
</html>